<template>
  <div id="app" class="main-container">
    <div class="main_header">
      <main-header></main-header>
    </div>
    <div class="main_body">
      <main-body></main-body>
    </div>
    <div class="main_footer">
      <main-footer></main-footer>
    </div>
  </div>
</template>

<script>
import MainHeader from './common/MainHeader'
import MainBody from './common/MainBody'
import MainFooter from './common/MainFooter'
export default {
  components: {
    MainHeader,
    MainBody,
    MainFooter
  }
}
</script>

<style>
#app {
  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
  font: 18px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0px;
}
.main-container{
  background-color: #eee;
  height: 640px;
  align-items: center;
}
.main_body{
 height: 530px;
}
</style>
